<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"></meta> 
<title>posts</title>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" /> 
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" /> 
<script type="text/javascript" src="easyui/jquery.min.js"></script> 
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 
<script type="text/javascript" src="jslib/easyui-ex.js"></script> 
 <!-- 中文化 --> 
<script type="text/javascript" src="easyui/easyui-lang-zh_CN.js"></script> 
<script th:inline="javascript" type="text/javascript">
$(function(){
	//分页显示用户列表
	$('#dg').datagrid({    
	    url:'/listPost', 
	   		title:'帖子列表',
			iconCls:'icon-save',
			fitColumns:true,
			striped:true,
			pagination:true,
			rownumbers:true,
			fit:true,
			columns:[
				[        
	        {field:'pid',title:'帖子ID',width:100},    
	        {field:'ptitle',title:'标题',width:200}, 
	        {field:'pcontent',title:'内容',width:200},
	        {field:'posttime',title:'发帖时间',width:200},
	        {field:'bname',title:'所属板块',width:200},
	        {field:'uname',title:'发帖人',width:200},
	        {field:'quality',title:'设置精品贴',width:200},
	        {field:'hot',title:'帖子热度',width:200},
	        {field:'top',title:'置顶',width:200},
	        {field:'complete',title:'已完结',width:200},
	        {field:'replyCount',title:'回帖数',width:200}
	    ]
				],
	    toolbar: [{
			iconCls: 'icon-edit',
			handler: update,
			text:'修改',
		},'-',{
			iconCls: 'icon-add',
			handler: showAddDialog,
			text:'添加',
		},'-',{
			iconCls: 'icon-remove',
			text:'删除多行',
			handler: deleteLink,
		}]
	}) 
	
});
	//0.删除多行数据
	function deleteLink() { 
		var selectedRows = $("#dg").datagrid("getSelections"); 
		if(selectedRows.length == 0) { 
			$.messager.alert("系统提示", "请选择要删除的数据！"); return; 
			} 
		var strIds = []; 
		/*SpringBoot 小于号要求*/ 
		for(var i = 0; i < selectedRows.length; i++) { 
			strIds.push(selectedRows[i].pid); 
			} 
		/* 转化 "1,2,3" 这种格式  */ 
		var ids = strIds.join(","); 
		$.messager.confirm("系统提示", "您确定要删除这<font color='red'>" + selectedRows.length + "</font>条数据吗？", function(r) { 
			if(r) { 
				$.post("/post/deletes", { ids: ids }, function(result) { 
					/* 后台传来一个true */ if(result.success) { 
						$.messager.alert("系统提示", "数据已成功删除！"); 
						/*数据变动，需要重新加载数据，作用类似刷新网页*/ 
						$("#dg").datagrid("reload"); 
						} else { 
							$.messager.alert("系统提示", "数据删除失败，请联系管理员！"); 
							} 
					}, "json"); 
				} 
			}); 
		}
	//1.删除指定行数据
	function remove(){
		var selectedrow=$("#dg").datagrid("getSelected");
		if(selectedrow){
			$.messager.confirm('确认对话框', '您确认要删除数据吗？删除后不可恢复', function(r){
				if (r){
				    // 删除操作;发送一个ajax请求
				    $.get("/post/delete",{uid:selectedrow.uid},function(message){
				    	$.messager.show({
							title:'提示消息',
							msg:message.msg,
							timeout:2000,
							showType:'slide'
						});
				    	if(message.success){
				    		$("#dg").datagrid("reload");
				    	}
				    },"json")
				}
			});
		}else{
			$.messager.show({
				title:'提示消息',
				msg:'请选择您要删除的行。',
				timeout:2000,
				showType:'slide'
			});
		}
	}

	//2.添加操作，添加先显示对话框让用户输入
	function showAddDialog(){
		//清空form
		$("#addDialog #ff").form("clear");
		$("#addDialog").dialog("open");
	}
	 //关闭新增窗口
	function closeAddDialog(){
		$("#addDialog").dialog("close");
	}
	//保存新增数据
	function addSubmit(){
		$("#addDialog #ff").form('submit', {    
		    url:'/post/save',   
		    onSubmit: function(){    
		        // 做一些验证，提交数据是否合法
		        return $(this).form('validate');
		    },    
		    success:function(data){ //这个data不是json对象而是一个字符串 
		    	var message=JSON.parse(data);	    
		    	$.messager.show({
					title:'提示消息',
					msg:message.msg,
					timeout:2000,
					showType:'slide'
				});
		    	if(message.success){
		    		$("#dg").datagrid("reload");
		    		$("#addDialog").dialog("close");
		    	}else{
		    		$("#dg").datagrid("reload");
		    		$("#addDialog").dialog("close");
		    	}    
		    }    
		});  
	}
	//3.修改操作 
		//1. 出现编辑窗口，获取老的参数展示给用户
		//2. 用户编辑新内容
		//3. 用户提交
		//4. 刷新页面
		function update(){
			//清空form
			$("#updateDialog #ff").form("clear");
			$("#updateDialog").dialog("open");
			//获取老的参数
			var row = $('#dg').datagrid('getSelected');
			$("#updateDialog #ff").form("load",row);
		}
		function closeUpdateDialog(){
			$("#updateDialog").dialog("close");
		}
		function updateSubmit(){
			$("#updateDialog #ff").form('submit', {    
			    url:'/post/update',    
			    onSubmit: function(){    
			        // 做一些验证，提交数据是否合法
			        return $(this).form('validate');
			        // return false to prevent submit;    
			    },    
			    success:function(data){ //这个data不是json对象而是一个字符串 
			    	var message=JSON.parse(data);	    
			    	$.messager.show({
						title:'提示消息',
						msg:message.msg,
						timeout:2000,
						showType:'slide'
					});
			    	if(message.success){
			    		$("#dg").datagrid("reload");
			    		$("#updateDialog").dialog("close");
			    	}    
			    }    
			}); 
		}
</script>
</head>
<body>
	<table id="dg"></table> 
	<div id="addDialog" class="easyui-dialog" title="新增帖子" style="width:600px;padding:10px;"   
        data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:[{
				text:'保存',
				handler:addSubmit
			},{
				text:'关闭',
				handler:closeAddDialog
			}]">

    <form id="ff" method="post">
   	<table style="width:100%;">
    	<tr>
	    	<td>标题:</td>
	    	<td>
	    	<input class="easyui-textbox" name="ptitle" style="width:100%" data-options="required:true">
	    	</td>
    	</tr>
    	<tr>
	    	<td>内容:</td>
	    	<td>
	    	<input class="easyui-textbox" name="pcontent" style="width:100%" data-options="required:true">
	    	</td>
    	</tr>
    	<tr> 
			 <td>所属板块：</td> 
			 	<td> <input id="ce" class="easyui-combobox" name="bid"   
			    data-options="valueField:'bid',textField:'text',url:'/board/lists'" />  </td> 
		 </tr> 
    	<tr> 
			 <td>发帖人：</td> 
			 	<td> <input id="cc" class="easyui-combobox" name="uid"   
			    data-options="valueField:'id',textField:'text',url:'/user/lists'" />  </td> 
		 </tr> 
    </table>
	</form>
	</div>  
	<div id="updateDialog" class="easyui-dialog" title="修改帖子" style="width:600px;padding:10px;"   
        data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:[{
				text:'更新',
				handler:updateSubmit
			},{
				text:'关闭',
				handler:closeUpdateDialog
			}]">
    <form id="ff" method="post">
   	<table style="width:100%;">
   	<input type="hidden" name="pid"/>
   		<tr>
	    	<td>标题:</td>
	    	<td>
	    	<input class="easyui-textbox" name="ptitle" style="width:100%" data-options="required:true">
	    	</td>
    	</tr>
    	<tr>
	    	<td>内容:</td>
	    	<td>
	    	<input class="easyui-textbox" name="pcontent" style="width:100%" data-options="required:true">
	    	</td>
    	</tr>
    	<tr>
	    	<td>热度:</td>
	    	<td>
	    	<input class="easyui-textbox" name="hot" style="width:100%" data-options="required:true">
	    	</td>
    	</tr>
		<tr> 
		 <td>是否为精品贴：</td> 
			 <td><select id="cc" class="easyui-combobox" name="quality" style="width:200px;">
				    <option value="aa">请选择</option>
				    <option>是</option>
				    <option>否</option>
				</select>
				</td> 
			 	<td> 
		 </tr>
		 <tr>
		 <td>是否置顶：</td> 
			 <td><select id="cc" class="easyui-combobox" name="top" style="width:200px;">
				    <option value="aa">请选择</option>
				    <option>是</option>
				    <option>否</option>
				</select>
				</td> 
			 	<td> 
		 </tr>
		 <tr>
		 <td>是否完结：</td> 
			 <td><select id="cc" class="easyui-combobox" name="complete" style="width:200px;">
				    <option value="aa">请选择</option>
				    <option>已结</option>
				    <option>未结</option>
				</select>
				</td> 
			 	<td> 
		 </tr>
    	<tr> 
			 <td>所属板块：</td> 
			 	<td> <input id="ce" class="easyui-combobox" name="bid"   
			    data-options="valueField:'bid',textField:'text',url:'/board/lists'" />  </td> 
		 </tr> 
    	<tr> 
			 <td>发帖人：</td> 
			 	<td> <input id="cc" class="easyui-combobox" name="uid"   
			    data-options="valueField:'id',textField:'text',url:'/user/lists'" />  </td> 
		 </tr> 		
    </table>
	</form>
	 
</body>
</html>